@charset "utf-8";

/*=reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none; }
a img { border: 0; }
a { color: #000; text-decoration: none; }
a:hover {text-decoration:underline; color:#fff}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*=global
----------------------------------------------- */
html, body { font:13px Tahoma; color: #000; background: #fff; letter-spacing: 0px; background: url("../images/bg.jpg") no-repeat 100% 100%; }
#wrapper {width:100%; overflow:hidden;}

.box {float:left; margin:2px; position:relative;}
.row {width:1600px;}

.logo {width:280px; height:240px;}
.logo img {margin:26px 0 0 46px;}
.caution {width:280px; height:240px; background: url("../images/1.jpg") 100% 0 no-repeat; }
.caution .dropbox {position:absolute; bottom:25px; margin-left:43px;}
.forecast {width:280px; height:240px; background: url("../images/2.jpg") 100% 0 no-repeat;}
.forecast .dropbox {position:absolute; bottom:25px; margin-left:43px;}
.weather {width:280px; height:240px; background: url("../images/3.jpg") 100% 0 no-repeat;}
.weather .dropbox {position:absolute; bottom:25px; margin-left:43px;}
.climate {width:280px; height:240px; background: url("../images/4.jpg") 100% 0 no-repeat;}
.climate .dropbox {position:absolute; bottom:25px; margin-left:43px;}

.weather-today {width:570px; height:240px; background:#155b7f}
.notice {width:412px; height:240px; background: #17857c;}
.forecast-today {width:524px; height:240px; background: #2a2a2a url("../images/5.jpg");}

.news {width:404px; height:240px; background:#569bba;}
.purchase {width:404px; height:240px; background: #217093;}
.world {width:404px; height:240px; background:#217093;}

.dropbox { background:#fff; height:46px; width:195px; z-index:10;}
.dropbox li {background:#fff; padding:0 10px 0 10px;line-height:33px; border-bottom:1px solid #bbbbbb; cursor:pointer; display:none;}
.dropbox h3 {background: #fff url("../images/arrow.png") 95% 50% no-repeat; display:block;  padding:0 10px 0 10px; height:46px; line-height:46px; font-size:14px; font-weight:bold; border-bottom:1px solid #bbbbbb; cursor:pointer; overflow:hidden;}
.dropbox .active {background:#0170b8; color:#fff;}
.dropbox .active ul{background:#fff; color:#000;}
.dropbox .header {background:#0170b8; color:#fff;}
.dropbox .header ul{background:#fff; color:#000;}
.dropbox .group ul{display:none; width:195px; margin-left:-10px;}

.content {padding:10px 20px 40px 20px; position:relative;}
.content { color:#fff; }
.content h2{ font-size:30px;}
.content h3 {font-size:20px;}
.content span{ display:block;}
.content .date {font-size:11px;}
.content .header {font-size:16px; margin-top:15px;}
.content .detail {font-size:13px; margin-top:15px;}
.content .text {font-size:13px;}
.more {position:absolute; bottom:10px; right:20px; color:#fff;}

.weather-today .content {float:left;}
.weather-today .more {top:100px; cursor:pointer;}

.weather-today .more-date {position:absolute; left:480px; width:1100px; z-index:1; display:none;}
.weather-today .more-date li {background:#044160; float:left;}
.weather-today .more-date li.content {padding:5px ; height:230px;}

.forecast-today .content{background:#2a2a2a; position:absolute; bottom:0;}

.news ul li {padding:15px; background:#6eaac9; margin:5px 0 10px 0;}
.news ul li a {color:#fff;}
.news ul li .thumb {float:left; margin-right:20px;}
.news ul li .text {margin-top:-4px;}
 
.purchase ul li {padding:15px; background:#6eaac9; margin:5px 0 10px 0;}
.purchase ul li a {color:#fff;}
.purchase ul li .icon {float:right; margin-right:20px;}
.purchase ul li .text {margin-top:6px;}

.world ul li {padding:0 15px 0 15px; background:#6eaac9; margin:3px 0 3px 0; height:42px; line-height:42px;}
.world ul li a {color:#fff;}

.sitemap {display:block; clear:both; text-align:center; font-size:20px; color:#0170b8; margin:20px 0 5px 0;}
.sitemap span {cursor:pointer;}
.sitemap img {margin-left:10px;}
#sitemap { background:#d3d3d3; width:100%; float:left; display:none; margin-bottom:5px;}
#sitemap>ul {margin:auto; width:1000px;}
#sitemap h3 {color:#217093; font-weight:bold; margin-bottom:5px;}
#sitemap ul.column>li {float:left; margin:25px;}
#sitemap ul.column>li>ul {margin-bottom:16px;}
#sitemap ul.column>li>ul li {}

#footer {clear:both; text-align:center; margin-bottom:10px;}
#footer .copyright {color:#2b577b;}